<template>
    <div>
      <index-header></index-header>
      <banner></banner>
<!--      <Recommend></Recommend>-->
    </div>
</template>

<script>
import indexHeader from '@/pages/public/Header'
import Banner from '@/pages/index/component/Banner'
import Recommend from '@/pages/index/component/Recommend'
export default {
  name: 'Index',
  components: {
    indexHeader: indexHeader,
    Recommend: Recommend,
    Banner: Banner
  },
  data () {
    return {
      swiperOption: {
        pagination: '.swiper-pagination',
        loop: true,
        autoplay: 3000,
        speed: 1000,
        centeredSlides: true
      },
      swiperSlides: Array
      // swiperSlides: [ 'https://img4.mukewang.com/5cfd2be70902f88109000300.jpg', 'https://img2.mukewang.com/5d005ef9092b835e18000600.jpg', 'https://img3.mukewang.com/szimg/5d005fdf08b4006f09000300.jpg' ]
    }
  },
  methods: {
  }
}
</script>

<style lang="stylus" scoped>
</style>
